﻿@model IList<ProductOverviewModel>
@inject IPageHeadBuilder pagebuilder
@{
    Layout = "_TwoColumns";

    //title
    pagebuilder.AddTitleParts(Loc["Title.RecentlyViewedProducts"]);
}
<b-col cols="12" class="page recently-viewed-products-page px-0">
    <h1 class="generalTitle h2 text-center">
        <div>@Loc["Products.RecentlyViewedProducts"]</div>
    </h1>
    <div class="d-inline-flex align-items-center">
        <a class="left-side-toggler mx-0 mb-3" onclick="sideToggle()">
            <div class="inner">
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="text">
                @Loc["catalog.selectors.fiters"]
            </div>
        </a>
    </div>
    @if (Model.Any())
    {
        <div class="item-row">
            @foreach (var product in Model)
            {
                <b-col xl="3" lg="3" sm="6" cols="6" class="col-for-5-xl new-col-6 product-container mb-2">
                    <partial name="Partials/CatalogProductView" model="product"/>
                </b-col>
            }
        </div>
    }
</b-col>